<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.cq{
				width: 100px; height: 228px; background: green;z-index: 10;
				position: relative;margin: 0 auto;
			    display: none;
			}
			.qq{width: 100%;height: 100%;
			background: gray;opacity: 0.5;z-index: 2;
			position: fixed;top: 0px;left: 0px;display: none;}
			.zz{
				width: 450px; height: 300px;background: greenyellow;
				display: none;z-index: 10;
				position: relative;margin: 0 auto;
			}
			.kk{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;top: -70px; left: 400px;
			}
			.po{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;
				top: 10px; left: -19px;
			}
			span{
				color:red;
			}
			/*存钱*/
			.moner{
				width: 300px; height: 100px; background: goldenrod;z-index: 10;
				position: relative;margin: 0 auto;
				display: none;
			}
			.cun{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;top: 6px; left: 200px;
			}
			.cunq{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;top: 6px; left: -19px;
			}
			/*取钱*/
			.quq{
				width: 300px; height: 100px; background: goldenrod;z-index: 10;
				position: relative;margin: 0 auto;
				display: none;
			}
			/*转账*/
			.zhuan{
				width: 350px; height: 250px; background: goldenrod;z-index: 10;
				position: relative;margin: 0 auto;
				display: none;
			}
			.hh{
				display: none;
			}
			/*修改密码*/
			.xiu{
				width: 300px; height: 150px; background: goldenrod;z-index: 10;
				position: relative;margin: 0 auto;
				display: none;
			}
			/*添加好友*/
			.tian{
				width: 300px; height: 150px; background: goldenrod;z-index: 10;
				position: relative;margin: 0 auto;
				display: none;
			}
			/*删除好友*/
			.qqp{
				width: 400px; height: 200px; background:greenyellow;z-index: 10;
				position: relative;margin: 0 auto;padding: 10px;
				display: none;
			}
			.shan{
				width: 300px; height: 150px; background: goldenrod;z-index: 10;
				 margin: 0 auto;margin-top: 10px;
				/*display: none;*/
			}
			.ssd{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;top:0px; left: 08px;
			}
			.dolle{
				width: 50px; height: 30px; 
				position: relative;z-index: 10;top: 70px; left: 12px;
			}
			.aa{
				width: 100px; height: 20px;border: 1px solid black;
			}
			.aa:hover{
				border: 2px solid red;
			}
		</style>
	</head>
	<body>
		<h1>111111111111</h1>
		账户:<input type="text" name="" id="s" value="" placeholder="请输入账户"/>
		<span class="span_one">账户输入有误!!</span>
		<br />
		密码:<input type="password" name="" id="l" value="" placeholder="请输入密码"/>
		<span class="span_one">密码错误!!</span>
		<br />
		<button class="login_lu" onclick="denglu()">登陆</button>
		  <button  onclick="mm('zz','qq')">注册</button>
		<div class="one">未登陆</div>
		<div class="cq">
			<button onclick="bb('moner','cq')">存钱</button><br />
			<button onclick="bb('quq','cq')">取钱</button><br />
			<button onclick="bb('zhuan','cq')">转账</button><br />
			<button onclick="selectm()">查询</button><br />
			<button onclick="bb('xiu','cq')">修改密码</button><br />
			<button onclick="bb('tian','cq')">添加好友</button><br />
			<button onclick="bb('qqp','cq');del_cc()">删除好友</button><br />
			<button onclick="tuichu('cq')">退出账户</button>
		</div>
	 <div class="qq"></div>
	<!-- 注册-->
	 <div class="zz">
	        账户:<input type="text"  placeholder="请输入账户" class="user2"/>
	        <span class="span_two">账户输入有误!!</span><br/>
		密码:<input type="password" placeholder="请输入密码" class="pwd2"/>
		    <span class="span_two">密码过于简单，请重新设置。</span><br />
		确认:<input type="password" placeholder="请再次输入密码" class="pwd3"/>
		     <span class="span_two">密码不一致</span><br />
		 <button class="kk" onclick="ff('zz')">取消</button>
		 <button onclick="ww()" class="po">确定</button>
	 </div>
	 
	<!-- 存钱-->
	  
	 
	 <div class="moner">
	        请选择存入的额度:<input type="text" class="money1" /><br/>
	       <span class="span_three">请输入100到20000之间的额度</span><br/>
		
		 <button class="cun" onclick="tt('moner')">取消</button>
		 <button onclick="qian()" class="cunq">确定</button>
	 </div>
	 
	<!-- 取钱-->
	 
	 <div class="quq">
	        请输入取款金额:<input type="text" class="money2" /><br/>
	       <span class="span_four">正在取款，请稍后.....</span><br/>
		
		 <button class="cun" onclick="tt('quq')">取消</button>
		 <button onclick="quqian()" class="cunq">确定</button>
	 </div>
	<!-- 转账-->
	<div class="zhuan">
		<button onclick="jia()">添加好友</button>
		<button onclick="hu()">添加账户</button><br/>
	       请输入好友的转账的账户1:<input type="text" class="usersan" /><br/>
	       <select class="hh">
	       	<option>选择好友</option>
	       	<option></option>
	       	<option></option>
	       </select><br/>
	       <span class="span_five">账户不存在.....</span><br/>
	      请输入转账金额:<input type="text" class="money3" /><br/>
	       <span class="span_five">金额不足.....</span><br/>
		 <button class="cun" onclick="tt('zhuan')">取消</button>
		 <button onclick="sub()" class="cunq">确定</button>
	 </div>
	<!--修改密码-->
	<div class="xiu">
	       请输入密码:<input type="password" class="pwdone" /><br/>
	       <span class="span_six">密码不能小于三位.....</span><br/>
	      请再次输入密码:<input type="password" class="pwdtwo" /><br/>
	       <span class="span_six">密码一致.....</span><br/>
		 <button class="cun" onclick="tt('xiu')">取消</button>
		 <button onclick="xiugai()" class="cunq">确定</button>
	 </div>
	<!--添加好友-->
	<div class="tian">
		请输入添加的好友账户:<input type="text" class="friends" /><br/>
		 <span class="span_seven">账户必须是手机号.....</span><br/>
		<button class="cun" onclick="tt('tian')">取消</button>
		 <button onclick="friends()" class="cunq">确定</button>
		
	</div>
	<!--删除好友-->
	<div class="qqp">
	  <div class="shan">
		
		<!--<button onclick="chu()" class="dolle">确定</button>-->
		
		<!--<button class="ssd" onclick="tt('tian')">取消</button>-->
	  </div>
	  <!--<button onclick="shan()" class="dolle">确定</button>-->
	<button class="ssd" onclick="tt('qqp')">取消</button>
	</div>
	 
	<script type="text/javascript"  src="../js/5.19银行系统6.0.js"></script>
	
	</body>
</html>
